<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="scripts/jquery/jquery-1.7.1.js"></script>
<link href="style/authority/basic_layout.css" rel="stylesheet" type="text/css">
<link href="style/authority/common_style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="scripts/HZ/hz.css"></script>
<script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.4.js"></script>
<link rel="stylesheet" type="text/css" href="style/authority/jquery.fancybox-1.3.4.css" media="screen"></link>

<title>站点管理</title>
<script type="text/javascript">
	$(document).ready(function(){
		/** 新增   **/
	    $("#addBtn").fancybox({
	    	'href'  : 'house_edit.html',
	    	'width' : 733,
	        'height' : 530,
	        'type' : 'iframe',
	        'hideOnOverlayClick' : false,
	        'showCloseButton' : false,
	        'onClosed' : function() { 
	        	window.location.href = 'house_list.html';
	        }
	    });
		
	    /** 导入  **/
	    $("#importBtn").fancybox({
	    	'href'  : '/xngzf/archives/importFangyuan.action',
	    	'width' : 633,
	        'height' : 260,
	        'type' : 'iframe',
	        'hideOnOverlayClick' : false,
	        'showCloseButton' : false,
	        'onClosed' : function() { 
	        	window.location.href = 'house_list.html';
	        }
	    });
		
	    /** 编辑   **/
	    $("a.edit").fancybox({
			
	    	'width' : 733,
	        'height' : 530,
	        'type' : 'iframe',
	        'hideOnOverlayClick' : false,
	        'showCloseButton' : false,
	        'onClosed' : function() { 
	        	window.location.href = 'house_list.html';
	        }
	    });
	});
	/** 用户角色   **/
	var userRole = '';

	/** 模糊查询来电用户  **/
	function search(){
		$("#submitForm").attr("action", "house_list.html?page=" + 1).submit();
	}

	/** 新增   **/
	function add(){
		$("#submitForm").attr("action", "/xngzf/archives/luruFangyuan.action").submit();	
	}
	 
	/** Excel导出  **/
	function exportExcel(){
		if( confirm('您确定要导出吗？') ){
			var fyXqCode = $("#fyXq").val();
			var fyXqName = $('#fyXq option:selected').text();
//	 		alert(fyXqCode);
			if(fyXqCode=="" || fyXqCode==null){
				$("#fyXqName").val("");
			}else{
//	 			alert(fyXqCode);
				$("#fyXqName").val(fyXqName);
			}
			$("#submitForm").attr("action", "/xngzf/archives/exportExcelFangyuan.action").submit();	
		}
	}
	
	/** 删除 **/
	function del(fyID){
		// 非空判断
		if(fyID == '') return;
		if(confirm("您确定要删除吗？")){
			$("#submitForm").attr("action", "/xngzf/archives/delFangyuan.action?fyID=" + fyID).submit();			
		}
	}
	
	/** 批量删除 **/
	function batchDel(){
		if($("input[name='IDCheck']:checked").size()<=0){
			art.dialog({icon:'error', title:'友情提示', drag:false, resize:false, content:'至少选择一条', ok:true,});
			return;
		}
		// 1）取出用户选中的checkbox放入字符串传给后台,form提交
		var allIDCheck = "";
		$("input[name='IDCheck']:checked").each(function(index, domEle){
			bjText = $(domEle).parent("td").parent("tr").last().children("td").last().prev().text();
// 			alert(bjText);
			// 用户选择的checkbox, 过滤掉“已审核”的，记住哦
			if($.trim(bjText)=="已审核"){
// 				$(domEle).removeAttr("checked");
				$(domEle).parent("td").parent("tr").css({color:"red"});
				$("#resultInfo").html("已审核的是不允许您删除的，请联系管理员删除！！！");
// 				return;
			}else{
				allIDCheck += $(domEle).val() + ",";
			}
		});
		// 截掉最后一个","
		if(allIDCheck.length>0) {
			allIDCheck = allIDCheck.substring(0, allIDCheck.length-1);
			// 赋给隐藏域
			$("#allIDCheck").val(allIDCheck);
			if(confirm("您确定要批量删除这些记录吗？")){
				// 提交form
				$("#submitForm").attr("action", "/xngzf/archives/batchDelFangyuan.action").submit();
			}
		}
	}

	/** 普通跳转 **/
	function jumpNormalPage(page){
		$("#submitForm").attr("action", "house_list.html?page=" + page).submit();
	}
	
	/** 输入页跳转 **/
	function jumpInputPage(totalPage){
		// 如果“跳转页数”不为空
		if($("#jumpNumTxt").val() != ''){
			var pageNum = parseInt($("#jumpNumTxt").val());
			// 如果跳转页数在不合理范围内，则置为1
			if(pageNum<1 | pageNum>totalPage){
				art.dialog({icon:'error', title:'友情提示', drag:false, resize:false, content:'请输入合适的页数，\n自动为您跳到首页', ok:true,});
				pageNum = 1;
			}
			$("#submitForm").attr("action", "house_list.html?page=" + pageNum).submit();
		}else{
			// “跳转页数”为空
			art.dialog({icon:'error', title:'友情提示', drag:false, resize:false, content:'请输入合适的页数，\n自动为您跳到首页', ok:true,});
			$("#submitForm").attr("action", "house_list.html?page=" + 1).submit();
		}
	}
	function regionTree(){
		$.ajax({
			url:"region.action?regionTree",
			data:"",
			type:"POST",
			dataType:"text",
			success:function(data){
				alert(123);
			}
		})
	}
</script>
<style>
	.alt td{ background:black !important;}
</style>
<script type="text/javascript">
<!--
//说明：Javascript控制CheckBox的全选与取消全选
function checkAll(name)
{//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长 ，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
    var el = document.getElementsByTagName('input');
 //取document中所有的input，比如文本输入框、按钮等元件，全都取出来存入数组，可以用el.length取数量，el[i]取内容
    var len = el.length;
    for(var i=0; i<len; i++)
    {
        if((el[i].type=="checkbox") && (el[i].name==name))
        {
              el[i].checked = true;
        }
    }
}//欢迎来到站长特效网，我们的 网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function clearAll(name)
{
    var el = document.getElementsByTagName('input');
    var len = el.length;
    for(var i=0; i<len; i++)
    {
        if((el[i].type=="checkbox") && (el[i].name==name))
        {
              el[i].checked = false;
        }
    }
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
//-->
</script>  
</head>
<body onload="regionTree()">
	<form id="submitForm" name="submitForm" action="" method="post">
		<input type="hidden" name="allIDCheck" value="" id="allIDCheck"/>
		<input type="hidden" name="fangyuanEntity.fyXqName" value="" id="fyXqName"/>
		<div id="main"></div>
		</div>
            <div class="ui_content">
                <div class="ui_tb">
                    <table class="table" cellspacing="0" cellpadding="0" width="100%" align="center" border="0">
                        <!-- 1 -->
                        <tr>
                          <th colspan="12">站点信息管理</th></tr>
                        <!-- 2 -->
                        <tr>
                            <th>站点名称</th>
                            <td colspan="1">
                                <input type="text" id="fyZldz" name="fangyuanEntity.fyZldz" class="ui_input_txt02" />
                            </td>
                            <th>站点代码</th>
                            <td colspan="1">
                                <input type="text" id="fyZldz" name="fangyuanEntity.fyZldz" class="ui_input_txt02" />
                            </td>
                            <th>站点ID</th>
                            <td colspan="1">
                                <input type="text" id="fyZldz" name="fangyuanEntity.fyZldz" class="ui_input_txt02" />
                            </td>
                        </tr>
                        <!-- 3 -->
                        <tr>
                            <th>所属区域</th>
                            <td colspan="1">
                                <select name="fangyuanEntity.fyXqCode" id="fyXq" class="ui_select01" onchange="getFyDhListByFyXqCode();">
                                    <option value="" >--请选择--</option>
                                    <option value="5">无（即一级区域）</option>
                                    <option value="6">辽宁</option>
                                    <option value="6">>>大连</option>
                                    <option value="6">山东</option>
                                    <option value="6">>>济南</option>
                                </select>
                            </td>
                            <th>监测站类型</th>
                            <td colspan="1">
                                <select name="fangyuanEntity.fyXqCode" id="fyXq" class="ui_select01" onchange="getFyDhListByFyXqCode();">
                                    <option value="" >--请选择--</option>
                                    <option value="5">环境站</option>
                                    <option value="6">气象站</option>
                                </select>
                            </td>
                            <th>移动站点</th>
                            <td colspan="1">
                                <select name="fangyuanEntity.fyXqCode" id="fyXq" class="ui_select01" onchange="getFyDhListByFyXqCode();">
                                    <option value="" >--请选择--</option>
                                  <option value="6">辽宁</option>
                                    <option value="6">>>大连</option>
                                    <option value="6">山东</option>
                                    <option value="6">>>济南</option>
                                </select>
                            </td>
                        </tr>
                        <!-- 4 -->
                        <tr>
                            <th>站点地址</th>
                            <td colspan="1">
                                <input type="text" id="fyZldz" name="fangyuanEntity.fyZldz" class="ui_input_txt02" />
                            </td>
                            <th>负责人</th>
                            <td colspan="1">
                                <input type="text" id="fyZldz" name="fangyuanEntity.fyZldz" class="ui_input_txt02" />
                            </td>
                            <th>是否默认选中</th>
                            <td colspan="1">
                                <input type="checkbox"/>
                            </td>
                        </tr>
                        <!-- 5 -->
                        <tr>
                            <th>经度</th>
                            <td>
                                <input type="text" id="fyZldz" name="fangyuanEntity.fyZldz" class="ui_input_txt02" />
                            </td>
                            <th>纬度</th>
                            <td>
                                <input type="text" id="fyZldz" name="fangyuanEntity.fyZldz" class="ui_input_txt02" />
                            </td>
                            <th>海拔高度</th>
                            <td>
                                <input type="text" id="fyZldz" name="fangyuanEntity.fyZldz" class="ui_input_txt02" />
                            </td>
                        </tr>
                        <!-- 6 -->
                        <tr>
                            <th>选择要素</th>
                            <td colspan="5">
                             <label class="checkbox-inline">
  <input type="checkbox" id="inlineCheckbox1" value="option1" onclick="if(this.checked==true) { checkAll('test'); } else { clearAll('test'); }"> 全选
</label>
<label class="checkbox-inline">
  <input type="checkbox" id="inlineCheckbox2" name="test" value="option2"> PM10
</label>
<label class="checkbox-inline">
  <input type="checkbox" id="inlineCheckbox3" name="test" value="option3"> PM2.5
</label>
 <label class="checkbox-inline">
  <input type="checkbox" id="inlineCheckbox4" name="test" value="option1"> 温度
</label>
<label class="checkbox-inline">
  <input type="checkbox" id="inlineCheckbox5" name="test" value="option2"> 湿度
</label>
<label class="checkbox-inline">
  <input type="checkbox" id="inlineCheckbox6" name="test" value="option3"> 大气压力
</label>
<label class="checkbox-inline">
  <input type="checkbox" id="inlineCheckbox4" name="test" value="option1"> 太阳辐射
</label>
<label class="checkbox-inline">
  <input type="checkbox" id="inlineCheckbox5" name="test" value="option2"> 土壤温度
</label>
<label class="checkbox-inline">
  <input type="checkbox" id="inlineCheckbox6" name="test" value="option3"> 能见度
</label>
                                                        </td>
                        </tr>
<tr>
                            <th>备注</th>
                            <td colspan="5">
                               <textarea name="beizhu" cols="80" rows="3"></textarea>                            </td>
                        </tr>

                </table>
            </div>
            </div>
     
                            <div id="box_bottom">
                                
                                <input type="button" value="新增" class="ui_input_btn01" id="" />
                                <input type="button" value="修改" class="ui_input_btn01" onclick="" />
                                <input type="button" value="删除" class="ui_input_btn01" onclick="" /> 
                            	
                            </div>
           
            
             </div>

	</form>
    
<!-- 打开模态框 -->
<!-- a onclick="overlay()">模态框</a -->
<!-- 打开模态框 END -->


<!-- 编辑模态框 -->
<div id="modal-overlay"> 
    <div class="modal-data">
    	<!-- 页首 -->
		<div id="nav_links">
			当前位置：基础数据&nbsp;>&nbsp;<span style="color: #1A5CC6;">区域管理</span>
			<div id="page_close">
				<a href="javascript:parent.$.fancybox.close();">
					<img src="images/common/page_close.png" onclick="overlay()" width="20" height="20" style="vertical-align: text-top;"/>
				</a>
			</div>
		</div>
    	<!-- 页首 END -->
        
        <!-- 页面内容 -->
        <table  cellspacing="0" cellpadding="0" width="100%" align="left" border="0">
            <tr>
                <td class="ui_text_rt" width="110">区域名称：</td>
                <td><input type="text" class="ui_input_txt02"/></td>
            </tr>
            
            <tr>
                <td class="ui_text_rt" width="110">所属上级：</td>
                <td> 
                    <select class="ui_select01" onchange="getFyDhListByFyXqCode();">
                        <option value="" >--请选择--</option>
                        <option value="5">无（即一级区域）</option>
                        <option value="6">辽宁</option>
                        <option value="6">>>大连</option>
                        <option value="6">山东</option>
                        <option value="6">>>济南</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    &nbsp;<input type="submit" value="确定修改" class="ui_input_btn01"/>
                    &nbsp;<input type="reset" value="取消" onclick="overlay()" class="ui_input_btn01"/>
                </td>
            </tr>
            
        </table>
        <!-- 页面内容 END -->
        <div style="position:absolute; left:900px; top:450px;" >
        </div>
    </div>
</div>

<style>/* 定义模态对话框外面的覆盖层样式 */
#modal-overlay {
	visibility: hidden;    
	position: absolute;   /* 使用绝对定位或固定定位  */
	left: 0px;    
	top: 0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 1000;
	background-color: #333; 
	opacity:0.9;   /* 背景透明 */
}
/* 模态框样式 */
.modal-data{
	width:600px;
	height:255px;
	margin: 200px auto;
	background-color: rgba(255,255,255,1.00);
	border:1px solid #000;
	padding:15px;
	text-align:left;
	
}
</style>
<script>
function overlay(){
   var e1 = document.getElementById('modal-overlay');			
   e1.style.visibility = (e1.style.visibility == "visible")? "hidden" : "visible";
}
</script>
<!-- 编辑模态框 END -->
</body>
</html>
